@use "@/assets/styles/mixin";

.state-font{
  font-size: 12px;
  color: #606266;
  line-height: 20px;
}

.state{
  @extend .state-font;
  @include mixin.flex-inline-flex;
  padding: 0 10px;
  border-radius: 2px;
  border: 1px solid #FFFFFF;
  &--ing{
    color: #007DFF;
    background: #D9EDFF;
  }
  &--not_start,
  &--shutdown,
  &--complete{
    background-color: #DCDFE6;
  }
  // 停工审核中
  &--shutdown_ing{
    color: #FF9900;
    background-color: #FFF0D9;
  }
  &--time_out{
    color: #F53F3F;
    background-color: #FFE1E1;
  }
  &--delay_risk{
    color: #FF9900;
    background-color: #FFF0D9;
  }
}

.state-number{
  @extend .state-font;
  margin-left: 10px;
  &--time_out{
    color: #F53F3F;
  }
  &--delay_risk{
    color: #FF9900;
  }
}

.warning-tip{
  display: inline-block;
  margin-left: 10px;
}
